<link rel="stylesheet" href="https://file.viplgw.cn/ui/thinku-ielts-new/css/course/city.css?v=1.1.1">


<section id="city" style="color:'#eff1f4';">
    <div class="filterType">
        <div class="filterContent">
            <p class="breadcrumb"><a href="/">首页</a> > 校区查询</p>
            <!-- <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/91@2x.png" alt=""> -->
            <!-- 地图 -->
            <div class="map">
                <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/91@2x.png" alt="">
                <div class="icon">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                        <!-- <p>{{msg}}</p> -->
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">
                        <p class="addressTitle">北京申友教育</p>
                        <p class="addressDes">北京市朝阳区雅宝路7号 E园EPARK大厦4楼</p>
                    </div>
                </div>

                <div class="icon2">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <!-- <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png" alt="" style="display: none;" v-left> -->
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">郑州申友教育</p>
                        <p class="addressDes">河南省郑州市金水区花园路与农科路交汇处建业凯旋广场B座1025</p>
                    </div>
                </div>

                <div class="icon3">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">成都申友教育</p>
                        <p class="addressDes">四川省成都市锦江区春熙路街道梓潼桥正街25号西部文化产业中心8楼</p>
                    </div>
                </div>

                <div class="icon4">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">重庆申友教育</p>
                        <p class="addressDes">重庆市渝中区邹容路68号大都会广场16楼1603-1604室</p>
                    </div>
                </div>

                <div class="icon5">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">长沙申友教育</p>
                        <p class="addressDes">湖南省长沙市开福区万达广场-C3栋1104室</p>
                    </div>
                </div>

                <div class="icon6">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">广州申友教育</p>
                        <p class="addressDes">广州天河区华穗路406号保利克洛维中景大厦（预约洽谈）</p>
                    </div>
                </div>

                <div class="icon8">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">上海申友教育</p>
                        <p class="addressDes">上海市徐汇区文定路218号德必徐家汇WE艺术湾B座207</p>
                    </div>
                </div>

                <div class="icon9">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>
                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">武汉申友教育</p>
                        <p class="addressDes">武汉市珞喻路889号光谷融众国际写字楼23层2302室</p>
                    </div>
                </div>

                <div class="icon10">
                    <div class="circles" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/hangzhou.png" alt="">
                        <p>{{education}}</p>
                    </div>

                    <div class="address" style="top: -70px;">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">杭州申友教育</p>
                        <p class="addressDes">杭州市江干区江锦路159号 平安金融中心B座9楼</p>
                    </div>
                </div>

                <div class="icon11">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/normal.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circles" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active" style="top: 34px;"></div>
                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">西安申友教育</p>
                        <p class="addressDes">陕西省西安市莲湖区北大街88号嘉会广场C座4层</p>
                    </div>
                </div>

                <div class="icon12">
                    <div class="setting">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/broadside.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="circle" onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)"
                         :style="active"></div>
                    <p class="cityName">青岛</p>

                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">青岛申友教育</p>
                        <p class="addressDes">青岛市市南区南京路8号 府都大厦909室</p>
                    </div>
                </div>

                <div class="icon13">
                    <div class="circles" style="display: inline-block;width:8px;height: 8px;"
                         onmouseover="mouseOver(this)" onmouseleave="mouseleave(this)" :style="active"></div>
                    <div class="setting" style="display: inline-block;">
                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/broadside.png" alt="">
                        <p>{{education}}</p>
                    </div>
                    <div class="address">                        <img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/icon.png">

                        <p class="addressTitle">深圳申友教育</p>
                        <p class="addressDes">深圳市南山区玉泉路116号融创毅哲大厦（只接受预约拜访）</p>
                    </div>
                </div>

            </div>

            <div class="message">
                <div class="leftContent">
                    <?php foreach($city['city'] as $k=>$v){?>
                    <div class="box">
                        <div class="vessel">
                            <img src="https://www.thinkwithu.com<?php echo $v['image']?>"
                                 alt="">
                        </div>
                        <div class="big">
                            <div class="writing">
                                <div class="hq"><?php echo $v['name']?> 服务中心</div>
                                <div>
                                    <p>电话<span>：<?php echo $v['phone']?></span></p>
                                    <p>地址<span>：<?php echo $v['place'] ?></span></p>
                                    <p class="path">公交路线
                                        <span>：<?php echo $v['busRoutes'] ?></span>
                                    </p>
                                    <p class="path">地铁路线
                                        <span>：<?php echo $v['metroRoutes'] ?></span>
                                    </p>
                                </div>
                            </div>

                            <div class="check">
                                <a onclick="_czc.push(['_trackEvent','校区查询','查看课程','<?php echo $v['name']?>',''])" href="/mall.html">查看课程</a>
                                <a onclick="_czc.push(['_trackEvent','校区查询','在线咨询','<?php echo $v['name']?>',''])" href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef" target="_blank">在线咨询</a>
                            </div>
                        </div>
                    </div>
                    <?php }?>

                </div>


                <div class="side">
                    <div class="">
                        <!--  -->
                        <div class="newest" style="height: auto;">
                            <div class="boxes">
                                <span>最新考位资讯</span>
                                <a href="/news/loc_info.html">MORE<img src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/right2.png"></a>
                            </div>
                            <ul class="newInfoList">
                                <?php foreach ($examInfo as $v) { ?>
                                    <a onclick="_czc.push(['_trackEvent','校区查询-最新考位资讯','查看详情','<?php echo $v['name']?>',''])" href="<?php echo '/news-information/' . $v['id'] . '.html' ?>" class="leadNewItem">
                                        <div class="leadNewRight" style="width: 90%;">
                                            <p class="newsTitle"><?php echo $v['name'] ?></p>
                                            <p class="newsWords" style="color: rgb(102, 102, 102); font-size: 12px; margin-top: 10px;"><?php echo $v['name'] ?></p>
                                            <p class="ydNum"><span>发布于 <?php echo date('Y-m-d H:i', $v['pushTime']) ?></span></p>
                                        </div>
                                    </a>
                                <?php } ?>
                            </ul>

                        </div>
                    </div>
                    <!--  -->
                    <div class="emphasis">
                        <div class="boxes">
                            <span>重点推荐
</span>
                        </div>

                        <ul class="Highlights">
                            <?php foreach ($focus as $k => $v) { ?>
                                <li class="apply" <?php echo $k > 1 ? 'style="margin-top: -6px;"' : '' ?>>
                                    <div <?php echo $k == 0 ? 'class="picture"' : 'class="rectangle"' ?>>
                                        <p>
                                            <a onclick="_czc.push(['_trackEvent','校区查询-重点推荐','<?php echo $v['name']?>','',''])" href="<?php echo $v['url'] ?>" <?php echo $k == 0 ? 'style="color:#fff"' : '' ?>><?php echo $v['name'] ?></a>
                                        </p>
                                    </div>
                                </li>
                            <?php } ?>

                        </ul>
                    </div>

                    <div class="hot">
                        <div class="boxes">
                            <span>申友雅思热门课程</span>
                            <a href="/mall.html">MORE<img
                                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/right2.png"></a>
                        </div>


                        <div class="intensify">
                            <?php foreach ($course as $v) { ?>
                                <div class="course">
                                    <div class="details">
                                        <span>HOT</span>
                                        <p><?php echo $v['name'] ?></p>
                                    </div>

                                    <div class="icos">
                                        <p class="writings"><img
                                                    src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/7@2x.png"
                                                    alt=""> <?php echo $v['classTime'] ?> </p>

                                        <p class="writings"><img
                                                    src="https://file.viplgw.cn/ui/thinku-ielts-new/images/zx/6@2x.png"
                                                    alt="">
                                            <?php echo $v['duration'] ?>课时
                                        </p>
                                    </div>
                                    <!-- 按钮 -->
                                    <div class="material">
                                        <a class="key"
                                           href="https://p.qiao.baidu.com/cps/chat?siteId=16998561&userId=33849315&siteToken=0848542c0e71b685b68768fcec8e99ef">立即咨询</a>
                                        <a class="key" href="/course-detail/<?php echo $v['duration'] ?>.html">查看详情</a>
                                    </div>
                                </div>
                            <?php } ?>
                        </div>
                    </div>


                    <div class="share">
                        <div class="boxes">
                            <span>干货分享</span>
                            <a href="http://www.thinkuprep.com/news/share.html">MORE<img
                                        src="https://file.viplgw.cn/ui/thinku-ielts-new/images/course/right2.png"></a>
                        </div>
                        <?php foreach ($recommend as $v) { ?>
                            <div class="cargo">
                                <a href="<?php echo '/news-information/' . $v['id'] . '.html' ?>">
                                    <!-- 图片 -->
                                    <div class="print">
                                        <img src="<?php echo $v['pic'] ?>" alt="">
                                    </div>
                                    <!-- 文字 -->
                                    <div class="wordage">
                                        <p class="shareTitle">
                                            <?php echo $v['name'] ?>
                                        </p>
                                        <p class="shareInfo">
                                            <span><?php echo date('Y-m-d', $v['pushTime']) ?></span>
                                            <span><?php echo $v['viewCount'] ?>人阅读</span>
                                        </p>

                                    </div>
                                </a>
                            </div>
                        <?php } ?>

                    </div>

                </div>

            </div>

        </div>
</section>

<script src="https://file.viplgw.cn/ui/thinku-ielts-new/js/city.js"></script>
<script>
    function mouseOver(_this) {

        $(_this).siblings('.address').show();
        $(_this).siblings('.setting').hide();

    }

    function mouseleave(_this) {
        $(_this).siblings('.address').hide();
        $(_this).siblings('.setting').show();


    }
</script>
